<ui:composition xmlns="http://www.w3.org/1999/xhtml"
                xmlns:ui="http://java.sun.com/jsf/facelets"
                xmlns:h="http://java.sun.com/jsf/html"
                xmlns:f="http://java.sun.com/jsf/core"
                xmlns:a4j="http://richfaces.org/a4j"
                xmlns:rich="http://richfaces.org/rich"
                >
    <style>
        .column {
            width: 410px;
            vertical-align: top;
        }
    </style>

    <h:form id="form">
        <h:panelGrid columns="2" width="100%" columnClasses="column,column">
            <h:panelGroup style="height:500px;width:700px;" layout="block">
                <rich:editor config="/com/yunhoo/cqq/document/advanced"                              
                              value="#{document.strVal}"
                              id="editor"
                              width="500" height="400">
                </rich:editor>
            </h:panelGroup>
            <h:commandButton action="#{document.getVal}" value="提交"></h:commandButton>
        </h:panelGrid>
       
        <h:outputFormat value="#{document.strVal}" escape="false">

        </h:outputFormat>
    </h:form>
</ui:composition>
